<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to Windvoice!</title>
<link rel="stylesheet" type="text/css" href="Style/bluevoice/main.css"/>
</head>
<body>
<div id="wrapper">
	<div id="header"></div>
    <div id="navigator">
    	<ul>
            <li> <a title="" href="/">Home</a> </li> 
            <li> <a title="" href="/">Blog</a> </li> 
            <li> <a title="" href="album.asp">Album</a> </li> 
            <li> <a title="" href="weather.php">Weather</a> </li> 
            <li> <a title="" href="works.php">Works</a> </li> 
            <li> <a title="" href="links.asp">Links</a> </li> 
            <li> <a title="" href="about.asp">About</a> </li> 
        </ul>
    </div>
	<div id="body">
    	<div id="body-left">
        	<div class="album-crumbs">
            	<a href="#">Windvoice</a> -> 
                <a href="#">Albums</a> -> 
                <a href="#">Ghost in Zhongguancun</a>
            </div>
        	<div class="photo-block">
            	<div class="photo-function">
					<div class="function-left">No. 1 in 20 Photoes | <a href="">Back to album</a></div>
					<div class="function-right"><a href="">Previous</a> / <a href="">Next</a></div>
                	<div class="clear"></div>
                </div>
            	<div class="photo-view">
                	<a href="Style/bluevoice/images/the-sina-family.jpg">
                		<img src="Style/bluevoice/images/the-sina-family.jpg" />
                    </a>
                </div>
                <div class="photo-description">
                	<div class="left">Here goes photo descriptions, Here goes photo descriptions, Here goes photo descriptions, Here goes photo descriptions, Here goes photo descriptions, Here goes photo descriptions, Here goes photo descriptions, Here goes photo descriptions, Here goes photo descriptions, </div>
                	<div class="right">Views: 188 / Comments: 10</div>                	
                </div>
            	<div class="photo-thumbnail">
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                	<a href="#"><img src="Style/bluevoice/images/photo2.jpg" /></a>
                	<div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div id="body-right">
        	<!-- right part -->
            <div class="album-info-panel">
            	<h4>Ghost in Zhongguancun</h4>
                <span>Was created on 2009-02-09</span>
                <span>Updated on 2009-02-09</span>
                <span>with 20 photoes</span>
                <dt>And has a story:</dt>
                <dd>Here goes stories, Here goes stories, Here goes stories, Here goes stories, Here goes stories</dd>
            </div>
        </div>
        <div class="clear"></div>
    </div>
	<div id="footer">
        Designed and Coded by ZhangFeng <br/>
        All Rights Reserved © 2007 <br/>
        京ICP备07041653号
	</div>
</div>
</body>
</html>
